<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>FH Admin</title>
    <link rel="stylesheet" type="text/css" href="./webuploader.css" />
    <link rel="stylesheet" type="text/css" href="./style.css" />
    
    <!--vue-->
    <script src="../../assets/js/vue.js"></script>
    
</head>
<body>
    <div id="wrapper">
        <div id="container" >
            <!--头部，相册选择和格式选择-->

            <div id="uploader">
                <div class="queueList">
                    <div id="dndArea" class="placeholder">
                        <div id="filePicker"></div>
                        <p>或将图片拖到这里，单次最多可选300张</p>
                    </div>
                </div>
                <div class="statusBar" style="display:none;">
                    <div class="progress">
                        <span class="text">0%</span>
                        <span class="percentage"></span>
                    </div><div class="info"></div>
                    <div class="btns">
                        <div id="filePicker2"></div><div class="uploadBtn">开始上传</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./jquery.js"></script>
    <script type="text/javascript" src="./webuploader.js"></script>
    <script type="text/javascript" src="./upload.js"></script>
    
    <script type="text/javascript">

    var faction = '';//提交地址

    var vm = new Vue({
    	el: '#wrapper',
    	
    	data:{
    		FH_ID: '',			//参数
    		FH_RM: '',			//RequestMapping
    		faction: ''			//from提交地址
        },
    	
    	methods: {
    		
            //初始执行
            init() {
            	var F_ID = this.getUrlKey('FH_ID');	//参数
            	this.FH_ID = F_ID;
            	
            	var RM = this.getUrlKey('RM');	//RequestMapping
            	this.FH_RM = RM;
            	
            	faction = 'http://'+window.location.host+'/'+this.FH_RM+'?FH_ID='+this.FH_ID;
            },
        	
        	//根据url参数名称获取参数值
            getUrlKey: function (name) {
                return decodeURIComponent(
                    (new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null;
            }
            
    	},
    	
    	mounted(){
            this.init();
        }
    })
    </script>
    
</body>
</html>